<nav class="breadcrumb">
  <a class="breadcrumb-item" href="#">首页</a>
  <span class="breadcrumb-item">系统设置</span>
  <span class="breadcrumb-item active">权限管理</span>
  <a class="view-toggle fa fa-th pull-right " href="#">图标视图</a>
  <a class="view-toggle fa fa-bars pull-right active" href="#">列表视图</a>
</nav>

<div class="row">
  <div class="col col-sm-3">
    <tree
      [tree]="roleTree"
      [settings]="treeSettings"
      (nodeRemoved)="onNodeRemoved($event)"
      (nodeRenamed)="onNodeRenamed($event)"
      (nodeSelected)="onNodeSelected($event)"
      (nodeMoved)="onNodeMoved($event)"
      (nodeCreated)="onNodeCreated($event)"
      (nodeExpanded)="onNodeExpanded($event)"
      (nodeCollapsed)="onNodeCollapsed($event)">
    </tree>
  </div>
  <div class="col col-sm-9">
    <ng2-smart-table [settings]="gridSettings" [source]="gridSource"
                     (userRowSelect)="userRowSelect($event)"
    ></ng2-smart-table>
  </div>
</div>



